home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2018 January / PCgo 01-2018 CD-ROM Germany.iso / nw.pak / Unnamed File 004859.txt < prev    next >
Encoding:
Text File  |  2015-07-29  |  10.4 KB  |  305 lines
  1. <!doctype html>
  2. <html i18n-values="dir:textdirection;">
  3. <head>
  4.   <meta charset="utf-8">
  5.   <title>IndexedDB</title>
  6.   <link rel="stylesheet" href="chrome://resources/css/tabs.css">
  7.   <link rel="stylesheet" href="chrome://resources/css/widgets.css">
  8.   <style>/* Copyright (c) 2013 The Chromium Authors. All rights reserved.
  9.  * Use of this source code is governed by a BSD-style license that can be
  10.  * found in the LICENSE file. */
  11.  
  12. .indexeddb-summary {
  13.     background-color: rgb(235, 239, 249);
  14.     border-top: 1px solid rgb(156, 194, 239);
  15.     margin-bottom: 6px;
  16.     margin-top: 12px;
  17.     padding: 3px;
  18.     font-weight: bold;
  19. }
  20.  
  21. .indexeddb-item {
  22.     margin-bottom: 15px;
  23.     margin-top: 6px;
  24.     position: relative;
  25. }
  26.  
  27. .indexeddb-url {
  28.     color: rgb(85, 102, 221);
  29.     display: inline-block;
  30.     max-width: 500px;
  31.     overflow: hidden;
  32.     padding-bottom: 1px;
  33.     padding-top: 4px;
  34.     text-decoration: none;
  35.     text-overflow: ellipsis;
  36.     white-space: nowrap;
  37. }
  38.  
  39. .indexeddb-database {
  40.     margin-bottom: 6px;
  41.     margin-top: 6px;
  42.     margin-left: 12px;
  43.  
  44.     position: relative;
  45. }
  46.  
  47. .indexeddb-database > div {
  48.     margin-left: 12px;
  49. }
  50.  
  51. .indexeddb-connection-count {
  52.     margin: 0 8px;
  53. }
  54. .indexeddb-connection-count.pending {
  55.     font-weight: bold;
  56. }
  57.  
  58. .indexeddb-path {
  59.     display: block;
  60.     margin-left: 1em;
  61. }
  62.  
  63. .indexeddb-transaction-list {
  64.     margin-left: 10px;
  65.     border-collapse: collapse;
  66. }
  67.  
  68. .indexeddb-transaction-list th,
  69. .indexeddb-transaction-list td {
  70.     padding: 2px 10px;
  71.     min-width: 50px;
  72.     max-width: 75px;
  73. }
  74.  
  75. td.indexeddb-transaction-scope {
  76.     min-width: 200px;
  77.     max-width: 500px;
  78. }
  79.  
  80. .indexeddb-transaction-list th {
  81.     background-color: rgb(249, 249, 249);
  82.     border: 1px solid rgb(156, 194, 239);
  83.     font-weight: normal;
  84.     text-align: left;
  85. }
  86.  
  87. .indexeddb-transaction {
  88.     background-color: rgb(235, 239, 249);
  89.     border-bottom: 2px solid white;
  90. }
  91.  
  92. .indexeddb-transaction.created {
  93.     font-weight: italic;
  94. }
  95. .indexeddb-transaction.started {
  96.     font-weight: bold;
  97. }
  98. .indexeddb-transaction.running {
  99.     font-weight: bold;
  100. }
  101. .indexeddb-transaction.committing {
  102.     font-weight: bold;
  103. }
  104. .indexeddb-transaction.blocked {
  105. }
  106.  
  107. .indexeddb-transaction.started .indexeddb-transaction-state {
  108.     background-color: rgb(249, 249, 235);
  109. }
  110. .indexeddb-transaction.running .indexeddb-transaction-state {
  111.     background-color: rgb(235, 249, 235);
  112. }
  113. .indexeddb-transaction.committing .indexeddb-transaction-state {
  114.     background-color: rgb(235, 235, 249);
  115. }
  116. .indexeddb-transaction.blocked .indexeddb-transaction-state {
  117.     background-color: rgb(249, 235, 235);
  118. }
  119.  
  120. .controls a {
  121.     -webkit-margin-end: 16px;
  122.     color: #777;
  123. }
  124. </style>
  125. </head>
  126. <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
  127.     <!-- templates -->
  128.     <div style="display:none">
  129.         <div id="indexeddb-list-template"
  130.              jsvalues="$partition_path:$this.partition_path">
  131.             <div class="indexeddb-summary">
  132.                 <span jsdisplay="$this.partition_path">
  133.                     <span>Instances in: </span>
  134.                     <span jscontent="$this.partition_path"></span>
  135.                 </span>
  136.                 <span jsdisplay="!$this.partition_path">
  137.                     <span>Instances: Incognito </span>
  138.                 </span>
  139.                 <span jscontent="'(' + $this.idbs.length + ')'"></span>
  140.             </div>
  141.             <div class="indexeddb-item" jsselect="$this.idbs">
  142.                 <a class="indexeddb-url" jscontent="url" jsvalues="href:url"
  143.                    target="_blank"></a>
  144.                 <div class="indexeddb-size">
  145.                     <span>Size:</span>
  146.                     <span jscontent="size"></span>
  147.                 </div>
  148.                 <div class="indexeddb-last-modified">
  149.                     <span>Last modified:</span>
  150.                     <span jscontent="new Date(last_modified)"></span>
  151.                 </div>
  152.                 <div>
  153.                     <span>Open connections:</span>
  154.                     <span class="connection-count"
  155.                           jsvalues=".idb_origin_url:url;.idb_partition_path:$partition_path"
  156.                           jscontent="connection_count">
  157.                 </div>
  158.                 <div class="indexeddb-paths">
  159.                     <span>Paths:</span>
  160.                     <span class="indexeddb-path" jscontent="$this" jsselect="$this.paths"></span>
  161.                 </div>
  162.                 <div class="controls">
  163.                     <a href="#" class="force-close"
  164.                        jsvalues=".idb_origin_url:url;.idb_partition_path:$partition_path">Force close</a>
  165.                     <a href="#" class="download"
  166.                        jsvalues=".idb_origin_url:url;.idb_partition_path:$partition_path">Download</a>
  167.                     <span class="download-status" style="display: none">Loading...</span>
  168.                 </div>
  169.                 <div class="indexeddb-database" jsselect="$this.databases">
  170.  
  171.                   <span>Open database:</span>
  172.                   <span jscontent="name"></span>
  173.  
  174.                   <div>
  175.                     <span>Connections:</span>
  176.  
  177.                     <span class="indexeddb-connection-count"
  178.                           jsdisplay="connection_count">
  179.                       <span>open:</span>
  180.                       <span jscontent="connection_count"></span>
  181.                     </span>
  182.  
  183.                     <span class="indexeddb-connection-count pending"
  184.                           jsdisplay="pending_opens">
  185.                       <span>pending opens:</span>
  186.                       <span jscontent="pending_opens"></span>
  187.                     </span>
  188.  
  189.                     <span class="indexeddb-connection-count pending"
  190.                           jsdisplay="pending_upgrades">
  191.                       <span>pending upgrades:</span>
  192.                       <span jscontent="pending_upgrades"></span>
  193.                     </span>
  194.  
  195.                     <span class="indexeddb-connection-count pending"
  196.                           jsdisplay="running_upgrades">
  197.                       <span>running upgrades:</span>
  198.                       <span jscontent="running_upgrades"></span>
  199.                     </span>
  200.  
  201.                     <span class="indexeddb-connection-count pending"
  202.                           jsdisplay="pending_deletes">
  203.                       <span>pending deletes:</span>
  204.                       <span jscontent="pending_deletes"></span>
  205.                     </span>
  206.  
  207.                   </div>
  208.                   <div jsdisplay="$this.transactions &&
  209.                                   $this.transactions.length">
  210.                     <span>Transactions:</span>
  211.  
  212.                     <table class="indexeddb-transaction-list">
  213.                       <tbody>
  214.                         <tr>
  215.                           <th title="Process ID of the tab or SharedWorker that created the transaction">
  216.                             Process ID
  217.                           </th>
  218.                           <th title="Transaction ID (unique within Process)">
  219.                             ID
  220.                           </th>
  221.                           <th title="Type of transaction">
  222.                             Mode
  223.                           </th>
  224.                           <th title="Names of object stores used by the transaction">
  225.                             Scope
  226.                           </th>
  227.                           <th title="Number of requests that have been executed">
  228.                             Completed Requests
  229.                           </th>
  230.                           <th title="Number of requests that have not yet been executed">
  231.                             Pending Requests
  232.                           </th>
  233.                           <th title="Time since transaction creation">
  234.                             Age (ms)
  235.                           </th>
  236.                           <th title="Time since transaction started">
  237.                             Runtime (ms)
  238.                           </th>
  239.                           <th title="Status in the transaction queue">
  240.                             Status
  241.                           </th>
  242.                         </tr>
  243.                         <tr class="indexeddb-transaction"
  244.                             jsselect="$this.transactions"
  245.                             jseval="this.classList.add($this.status)">
  246.  
  247.                           <td class="indexeddb-transaction-pid"
  248.                               jscontent="pid">
  249.                           </td>
  250.  
  251.                           <td class="indexeddb-transaction-tid"
  252.                               jscontent="tid">
  253.                           </td>
  254.  
  255.                           <td class="indexeddb-transaction-mode"
  256.                               jscontent="mode">
  257.                           </td>
  258.  
  259.                           <td class="indexeddb-transaction-scope"
  260.                               jscontent="'[ ' + scope.join(', ') + ' ]'">
  261.                           </td>
  262.  
  263.                           <td class="indexeddb-transaction-requests-complete"
  264.                               jscontent="tasks_completed">
  265.                           </td>
  266.  
  267.                           <td class="indexeddb-transaction-requests-pending"
  268.                               jscontent="tasks_scheduled - tasks_completed">
  269.                           </td>
  270.  
  271.                           <td class="indexeddb-transaction-age"
  272.                               jscontent="Math.round(age)">
  273.                           </td>
  274.  
  275.                           <td class="indexeddb-transaction-age">
  276.                             <span jsdisplay="status == 'started' || status == 'running' || status == 'committing'"
  277.                                   jscontent="Math.round(runtime)">
  278.                             </span>
  279.                           </td>
  280.  
  281.                           <td class="indexeddb-transaction-state"
  282.                               jscontent="status">
  283.                           </td>
  284.                         </tr>
  285.                       </tbody>
  286.                     </table>
  287.                   </div>
  288.                 </div>
  289.             </div>
  290.         </div>
  291.     </div>
  292.     <h1>IndexedDB</h1>
  293.     <div class="content">
  294.         <div id="indexeddb-list">
  295.     </div>
  296.     <script src="chrome://resources/js/util.js"></script>
  297.     <script src="chrome://resources/js/cr.js"></script>
  298.     <script src="indexeddb_internals.js"></script>
  299.     <script src="chrome://resources/js/load_time_data.js"></script>
  300.     <script src="chrome://resources/js/jstemplate_compiled.js"></script>
  301.     <script src="strings.js"></script>
  302.     <script src="chrome://resources/js/i18n_template2.js"></script>
  303. </body>
  304. </html>
  305.